<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>

  <body class="df fdc">
    <div class="changeTab disflex">
      <p><a href="run.html">跑步</a></p>
      <p><a href="ride.html">骑行</a></p>
      <p class="active"><a href="#">课程训练</a></p>
    </div>
    <main class="flex oscroll p5">
      <!-- 最新课程 -->
      <div class="course">
        <h2 class="f16">最新课程</h2>
        <ul id="newCourseList"></ul>
      </div>

      <!-- 课程 -->
      <div class="course">
        <h2 class="f16">课程</h2>
        <ul id="courseList"></ul>
      </div>
    </main>
    <div class="foot-div"></div>
    <footer></footer>
  </body>
</html>
